import echarts from '@/echarts'

export var option = {
    title: {
        text: '农产品本周产量前10',
        top: '2%',
        x: 'center',
        textStyle: {
            color: '#ffffff'
        }
    },
    tooltip: {
        //提示框组件
        trigger: 'axis',
        formatter: '{b}<br />{a0}: {c0}<br />{a1}: {c1}',
        axisPointer: {
            type: 'shadow',
            label: {
                backgroundColor: '#6a7985'
            }
        },
        textStyle: {
            color: '#fff',
            fontStyle: 'normal',
            fontFamily: '微软雅黑',
            fontSize: 12
        }
    },
    grid: {
        left: '4%',
        right: '1%',
        bottom: '1%',
        top: '20%',
        padding: '0 0 10 0',
        containLabel: true
    },

    xAxis: [
        {
            type: 'category',
            boundaryGap: true, //坐标轴两边留白
            data: ['大蒜', '番茄', '玉米', '山药', '土豆', '韭菜', '茄子', '香蕉', '西瓜', '草莓'],
            axisLabel: {
                //坐标轴刻度标签的相关设置。
                interval: 0, //设置为 1，表示『隔一个标签显示一个标签』
                margin: 16,
                textStyle: {
                    color: '#ffffff',
                    fontStyle: 'normal',
                    fontFamily: '微软雅黑',
                    fontSize: 12
                }
            },
            axisTick: {
                //坐标轴刻度相关设置。
                show: false
            },
            axisLine: {
                //坐标轴轴线相关设置。数学上的x轴
                show: true,
                lineStyle: {
                    color: '#f9f9f9'
                }
            },
            splitLine: {
                //坐标轴在 grid 区域中的分隔线。
                show: false
            }
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '单位（吨）',
            nameTextStyle: {
                color: '#ffffff'
            },
            splitNumber: 5,
            axisLabel: {
                textStyle: {
                    color: '#ffffff',
                    fontStyle: 'normal',
                    fontFamily: '微软雅黑',
                    fontSize: 12
                }
            },
            axisLine: {
                show: true
            },
            axisTick: {
                show: false
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: ['#fff'],
                    opacity: 0.06
                }
            }
        }
    ],
    series: [
        {
            name: '流入',
            type: 'bar',
            data: [4.9, 7.3, 9.2, 5.6, 7.7, 5.6, 4.2, 3.6, 6, 6.4],
            barWidth: 10,
            barGap: 0, //柱间距离
            label: {
                //图形上的文本标签
                normal: {
                    show: true,
                    position: 'top',
                    textStyle: {
                        color: '#ffffff',
                        fontStyle: 'normal',
                        fontFamily: '微软雅黑',
                        fontSize: 12
                    }
                }
            },
            itemStyle: {
                //图形样式
                normal: {
                    barBorderRadius: [5, 5, 0, 0],
                    color: new echarts.graphic.LinearGradient(
                        0,
                        0,
                        0,
                        1,
                        [
                            {
                                offset: 0,
                                color: '#00feff'
                            },
                            {
                                offset: 0.5,
                                color: '#027eff'
                            },
                            {
                                offset: 1,
                                color: '#0286ff'
                            }
                        ],
                        false
                    )
                }
            }
        }
    ]
} as any

export default echarts
